
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">       
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<title>Caja</title>
    </head>
    <body class="container">
        <%@include file="../opciones.jsp"%>
        <h1>Inicio de Caja</h1>
        <FORM class="form-horizontal" METHOD = "POST" ACTION ="<c:url value="/NuevaCaja"/>">
            <div class="form-group">
                <label class="col-md-2 control-label" for="monto_inicial">Monto Inicial</label>
                <div class="col-md-10">
                    <INPUT id="monto_inicial" class="form-control" type="number" min="0" placeholder="Monto en Pesos" NAME = "MONTO_INICIAL" autofocus type="number"  required/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <button class="btn btn-default" type="submit">Iniciar Caja</button>
                </div>
            </div>    
            </FORM> 
            <h2>${Mensaje}</h2>
            
            <script> 
                // No al scroll en los type=number
                $('body').on('mousewheel', 'input[type=number]', function() {
                $(this).blur();
            });
            </script>
        </div>
    </body>
</html>
